<template>
  <div class="mainInput">
    <el-input class="input" prefix-icon="el-icon-search" v-bind:placeholder="placeText" v-model="input" clearable> </el-input>
  </div>
</template>

<script>
export default {
  name: "SearchInput",
  props: {
    placeText: String,
  },
  data() {
    return {
      input: "",
      
    };
  },
};
</script>
<style lang="scss" scoped>
.mainInput{
    >.input {
        /deep/ .el-input__inner{
            border: none;
        }
    }
}
</style>